<link href="<?php echo CSS_User_URL; ?> /Profile_Notification_style.css" rel="stylesheet" type="text/css">                 
<div id="function_bar">
    <div id="sort_bar" class="function_bar">
        <select class="sort_list button_base">
            <option value="Null">Thời gian</option>
            <option value="opel">Đối tượng</option>
            <option value="audi">Chức năng</option>
        </select>
    </div>
    <div id="search_bar" class="function_bar">
        <form class="search_form">
            <input class="search_value" type="text" placeholder="Tìm kiếm">
            <a href="#" class="button_base"><span>☌</span></a>
        </form>

    </div>

</div>

<?php
foreach ($Notifications as $Notification) {
    if ($Notification->NotificationType == 'NEW_IDEA') {
        ?>

        <div class="notification_object">
            <div class="notification_image image_parent">                     
                <a href="javascript:void(0)">
                    <img src="<?php echo Yii::app()->baseUrl; ?>/images/ProfileImage/<?php echo $Notification->NotificationAvatar; ?>" alt="Ideawebsite.com">
                </a>
            </div>
            <div class="notification_content center-child">
                <a href="<?php echo Yii::app()->createUrl('User/ArticleDetails', array('Id' => $Notification->NotificationData)); ?>" class="notification_title"><strong class="notification_name"><?php echo $Notification->NotificationName; ?></strong> đã đăng bài viết <strong class="notification_name"><?php echo $Notification->NotificationDataName; ?></strong></a>
                <!--<p class="notification_mess">“Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it</p>-->

            </div>
            <div class="notification_detail center-child">
                <span><?php echo $Notification->timestamp; ?></span>

            </div>
        </div>
    <?php } else if ($Notification->NotificationType == 'FRIEND_REQUEST') {
        ?>
        <div class="notification_object">
            <div class="notification_image">                     
                <a href="index.html">
                    <img src="<?php echo Yii::app()->baseUrl; ?>/images/ProfileImage/<?php echo $Notification->NotificationAvatar; ?>" alt="Ideawebsite.com">
                </a>
            </div>
            <div class="notification_content center-child">
                <a href="#" class="notification_title"><strong class="notification_name"><?php echo $Notification->NotificationName; ?></strong> đã gửi lời mời đến bạn</a>
                <!--<p class="notification_mess">“Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it</p>-->

            </div>
            <div class="notification_detail center-child">
                <span><?php echo $Notification->timestamp; ?></span>
            </div>
        </div>
        <?php
    }
}
?>
<!--
<div class="notification_object">
    <div class="notification_image">                     
        <a href="index.html">
            <img src="<?php echo Yii::app()->baseUrl; ?>/images/People_demo.jpg" alt="Ideawebsite.com">
        </a>
    </div>
    <div class="notification_content center-child">
        <a href="#" class="notification_title"><strong class="notification_name">CASLOS DAVID</strong> đã gửi lời mời đến bạn với lời nhắn</a>
        <p class="notification_mess">“Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it</p>

    </div>
    <div class="notification_detail center-child">
        <span>2:34 pm</span>

    </div>
</div>
<div class="notification_object">
    <div class="notification_image">                     
        <a href="index.html">
            <img src="<?php echo Yii::app()->baseUrl; ?>/images/People_demo.jpg" alt="Ideawebsite.com">
        </a>
    </div>
    <div class="notification_content center-child">
        <a href="#" class="notification_title"><strong class="notification_name">CASLOS DAVID</strong> đã gửi lời mời đến bạn với lời nhắn</a>
        <p class="notification_mess">“Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it</p>

    </div>
    <div class="notification_detail center-child">
        <span>2:34 pm</span>

    </div>
</div>
<div class="group_option">
    <span>Hôm nay - 8/5/2014</span>
</div>

<div class="notification_object">
    <div class="notification_image">                     
        <a href="index.html">
            <img src="<?php echo Yii::app()->baseUrl; ?>/images/People_demo.jpg" alt="Ideawebsite.com">
        </a>
    </div>
    <div class="notification_content center-child">
        <a href="#" class="notification_title"><strong class="notification_name">CASLOS DAVID</strong> đã gửi lời mời đến bạn với lời nhắn</a>
        <p class="notification_mess">“Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it</p>

    </div>
    <div class="notification_detail center-child">
        <span>2:34 <span>pm</span></span>

    </div>
</div>
<div class="notification_object">
    <div class="notification_image">                     
        <a href="index.html">
            <img src="<?php echo Yii::app()->baseUrl; ?>/images/People_demo.jpg" alt="Ideawebsite.com">
        </a>
    </div>
    <div class="notification_content center-child">
        <a href="#" class="notification_title"><strong class="notification_name">CASLOS DAVID</strong> đã gửi lời mời đến bạn với lời nhắn</a>
        <p class="notification_mess">“Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it</p>

    </div>
    <div class="notification_detail center-child">
        <span>2:34 pm</span>

    </div>
</div>                <div class="notification_object">
    <div class="notification_image">                     
        <a href="index.html">
            <img src="<?php echo Yii::app()->baseUrl; ?>/images/People_demo.jpg" alt="Ideawebsite.com">
        </a>
    </div>
    <div class="notification_content center-child">
        <a href="#" class="notification_title"><strong class="notification_name">CASLOS DAVID</strong> đã gửi lời mời đến bạn với lời nhắn</a>
        <p class="notification_mess">“Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it</p>

    </div>
    <div class="notification_detail center-child">
        <span>2:34 pm</span>

    </div>
</div>
<div class="notification_object">
    <div class="notification_image">                     
        <a href="index.html">
            <img src="<?php echo Yii::app()->baseUrl; ?>/images/People_demo.jpg" alt="Ideawebsite.com">
        </a>
    </div>
    <div class="notification_content center-child">
        <a href="#" class="notification_title"><strong class="notification_name">CASLOS DAVID</strong> đã gửi lời mời đến bạn với lời nhắn</a>
        <p class="notification_mess">“Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it</p>

    </div>
    <div class="notification_detail center-child">
        <span>2:34 pm</span>

    </div>
</div>                <div class="notification_object">
    <div class="notification_image">                     
        <a href="index.html">
            <img src="<?php echo Yii::app()->baseUrl; ?>/images/People_demo.jpg" alt="Ideawebsite.com">
        </a>
    </div>
    <div class="notification_content center-child">
        <a href="#" class="notification_title"><strong class="notification_name">CASLOS DAVID</strong> đã gửi lời mời đến bạn với lời nhắn</a>
        <p class="notification_mess">“Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it</p>

    </div>
    <div class="notification_detail center-child">
        <span>2:34 pm</span>

    </div>
</div>
<div class="notification_object">
    <div class="notification_image">                     
        <a href="index.html">
            <img src="<?php echo Yii::app()->baseUrl; ?>/images/People_demo.jpg" alt="Ideawebsite.com">
        </a>
    </div>
    <div class="notification_content center-child">
        <a href="#" class="notification_title"><strong class="notification_name">CASLOS DAVID</strong> đã gửi lời mời đến bạn với lời nhắn</a>
        <p class="notification_mess">“Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it</p>

    </div>
    <div class="notification_detail center-child">
        <span>2:34 pm</span>

    </div>
</div>-->

<div class="pages_bar">
    <a href="#" class="first_page"></a>
    <a href="#" class="privious_page"></a>
    <a href="#" class="current_page active_page"></a>
    <a href="#" class="next_page"></a>
    <a href="#" class="last_page"></a>
</div>